<input type="checkbox" class="absolute z-5 w-20 h-20 hidden" id="slash-open-trigger">
<label for="slash-open-trigger" class="absolute z-5 hv-center btn btn-primary btn-ghost cursor-pointer slash-open-label">
  Slash!
</label>
<main class="relative w-screen h-screen flex justify-center items-center slash-open">
  <div class="flex flex-col text-center play-state-inherit">
    <div class="font-bold text-3xl fade-in" style="animation-delay: 1.2s;">Slash Open Animation</div>
    <div class="fade-in" style="animation-delay: 1.4s;">made by alphardex with pure css</div>
  </div>
</main>